<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>导航栏的下拉选</title>
    <link rel="stylesheet" href="../../css/bootstrap.css">
    <link rel="stylesheet" href="../../bootstrap-icons-1.13.1/bootstrap-icons.min.css">
    <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"></script>
    <script src="../../js/bootstrap.bundle.min.js"></script>
</head>
<body>
    <div class="container">
        <ul class="nav">
            <li class="nav-item active">
                <a href="#" class="nav-link">首页</a>
            </li>
            <li class="nav-item">
                <a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown">人工智能</a>
                <ul class="dropdown-menu">
                    <li>
                        <a href="#" class="dropdown-item">选项一</a>
                    </li>
                    <li>
                        <a href="#" class="dropdown-item">选项二</a>
                    </li>
                    <li>
                        <a href="#" class="dropdown-item">选项三</a>
                    </li>
                </ul>
            </li>
            <li class="nav-item ">
                <a href="#" class="nav-link ">低空经济</a>
            </li>
            <li class="nav-item ">
                <a href="#" class="nav-link ">数字安防</a>
            </li>
            <li class="nav-item ">
                <a href="#" class="nav-link ">智能制造</a>
            </li>
            <li class="nav-item ">
                <a href="#" class="nav-link">AI新媒体</a>
            </li>
        </ul>
    </div>
</body>
</html>